<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>操作日志</title>
		<script src="../static/babel/6.26.0/polyfill.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../static/axios/0.17.1/axios.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../static/vue/2.5.13/vue.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../static/element-ui/2.1.0/index.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="../static/element-ui/2.1.0/index.css" />
		<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/hou-tai.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/hou-tai.css" />
	</head>

	<body>
		<div id="app">
			<hou-tai>
				<div style="width: 90%; margin: auto;">
					<el-table :data="operationLogs" stripe border style="margin-top: 10px;">
						<el-table-column label="序号" type="index" :index="page.index" width="60">
						</el-table-column>
						<el-table-column label="操作描述">
							<template slot-scope="scope">
								{{scope.row.description}}
							</template>
						</el-table-column>
						<el-table-column label="请求" width="400px">
							<template slot-scope="scope">
								{{scope.row.url}} ({{scope.row.method}})
							</template>
						</el-table-column>
						<el-table-column label="操作时间">
							<template slot-scope="scope">
								{{scope.row.time | date('yyyy-MM-dd hh:mm:ss')}}
							</template>
						</el-table-column>
						<el-table-column label="操作人">
							<template slot-scope="scope">
								{{scope.row.nickname}}
							</template>
						</el-table-column>
						<el-table-column label="ip">
							<template slot-scope="scope">
								{{scope.row.ip}}
							</template>
						</el-table-column>
					</el-table>
					<el-pagination @current-change="search" :total='page.total' :page-size='page.pageSize' :current-page.sync="page.currentPage">
					</el-pagination>
				</div>
			</hou-tai>
		</div>
		<script src="js/operationLog.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/operationLog.css" />
	</body>

</html>